<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=0.3,maximum-scale=0.3,minimum-scale=0.3" />
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/css/bootstrap.min.css" />
		<title>动画</title>
		<script src="bootstrap-4.6.2-dist/js/jquery-3.5.1.slim.min.js"></script>
		<script src="bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/donghua.css"/>
	</head>
	<body>
		<!--导航栏-->
		<nav class="navbar navbar-expand-sm bg-warning navbar-light tuShu_navBar">
			<a class="navbar-brand" href="#"><img src="img/xion.gif" width="50px" /></a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarContent">
				<ul class="navbar-nav mr-auto">
					<li class="nav-item">
						<div class="t"><a class="nav-link" href="#">首页</a></div>
						<div class="t"><a class="nav-link" href="index1.html">首页</a></div>
					</li>
					<li class="nav-item">
						<div class="t"><a class="nav-link" href="#">角色介绍</a></div>
						<div class="t"><a class="nav-link" href="index2.html">角色介绍</a></div>
					</li>
					<li class="nav-item">
						<div class="t"><a class="nav-link" href="#">幕后花絮</a></div>
						<div class="t"><a class="nav-link" href="muhou.html">幕后花絮</a></div>
					</li>
					<li class="nav-item">
						<div class="t"><a class="nav-link" href="#">熊熊动画</a></div>
						<div class="t"><a class="nav-link" href="#">熊熊动画</a></div>
					</li>
					<li class="nav-item">
						<div class="t"><a class="nav-link" href="#">动画推荐</a></div>
						<div class="t"><a class="nav-link" href="pingjia.html">动画推荐</a></div>
					</li>
					<li class="nav-item">
						<div class="t"><a class="nav-link" href="#">照片墙</a></div>
						<div class="t"><a class="nav-link" href="new_file.html">照片墙</a></div>
					</li>
					<li class="nav-item">
						<div class="t"><a class="nav-link" href="#">登录注册</a></div>
						<div class="t"><a class="nav-link" href="login.html">登录注册</a></div>
					</li>
				</ul>
			</div>
		</nav>
		<br />
		<div class="container">
			<video height="622" controls autoplay muted loop="loop">
				<source src="img/1-熊出没之.mp4" type="video/mp4">
			</video>
		</div>
		<!--胶囊式导航-->
		<div class="container">
			<hr class="text-danger bg-warning" />
			<div class="row">
				<div class="m-3">
					<ul class="nav nav-pills">
						<li class="nav-item">
							<a class="nav-link active bg-warning text-black-50" data-toggle="tab" href="#donghua">TV主线系列</a>
						</li>
						<li class="nav-item">
							<a class="nav-link bg-warning text-black-50" data-toggle="tab" href="#dianying">动画电影系列</a>
						</li>
						<li class="nav-item">
							<a class="nav-link bg-warning text-black-50" data-toggle="tab" href="#youjiao">幼教系列</a>
						</li>
						
						<li class="nav-item">
							<a class="nav-link bg-warning text-black-50" data-toggle="tab" href="#qita">其他系列</a>
						</li>
					</ul>
						<hr class="text-danger bg-warning" width="1110px" />
					<div class="tab-content">
						<div class="tab-pane fade show active" id="donghua">
							<a href="https://tv.cctv.com/2013/03/22/VIDA1363933636853785.shtml">
							<img src="img/TV1.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2013/03/13/VIDA1363159546720107.shtml">
							<img src="img/TV2.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://www.88dongman.cc/play/id/117280/sid/1/nid/1.html">
							<img src="img/TV3.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2014/12/10/VIDA1418181304545415.shtml">
							<img src="img/TV4.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2015/07/06/VIDA1436173212470249.shtml">
							<img src="img/TV5.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2016/01/21/VIDA1oFMlQXLxoHlOyfiXi3Z160121.shtml">
							<img src="img/TV6.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2016/06/07/VIDANDMtCawKoivBRLb5OhcP160607.shtml">
							<img src="img/TV7.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2018/03/20/VIDAtz3zhzBUF4xpa93vni8N180320.shtml">
							<img src="img/TV8.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2019/02/22/VIDASrZL2QSndyMY1sV61vrA190222.shtml">
							<img src="img/TV9.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2024/06/04/VIDA6bDqY0v3dFgmztjqbhZ4240604.shtml">
							<img src="img/TV10.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2024/06/11/VIDAb8qpewILSLCSfiy0mfHl240611.shtml">
								<img src="img/TV11.png" class="m-2 guoman-img" height="320px" width="200px"/>
							</a>
							<a href="https://www.88dongman.cc/play/id/126937/sid/2/nid/1.html">
								<img src="img/TV12.png" class="m-2 guoman-img" height="320px" width="200px"/>
							</a>
						</div>
						<div class="tab-pane fade show" id="dianying">
							<a href="https://www.88dongman.cc/play/id/10345/sid/2/nid/1.html">
							<img src="img/dianying1.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2015/05/29/VIDA1432879954445219.shtml">
							<img src="img/dianying2.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://v.qq.com/x/cover/53el1qwq1gnm5fn/z0019dvchxo.html?ptag=10521">
							<img src="img/dianying3.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2019/02/01/VIDEs39cigogKEQs19AUTnq7190201.shtml?spm=C55899450127.P94Bw8ryeI2r.0.0">
							<img src="img/dianying4.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2018/06/09/VIDEkDaOpazBp2ID0kCuFrGD180609.shtml?spm=C55899450127.PhHz3FmyAeeB.0.0">
							<img src="img/dianying5.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2024/06/02/VIDEnZm0cro79zgnxrRCVluM240602.shtml?spm=C55899450127.PTLG56vz9hRl.0.0">
							<img src="img/dianying6.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://www.88dongman.cc/play/id/34774/sid/3/nid/1.html">
							<img src="img/dianying7.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://www.88dongman.cc/play/id/39460/sid/1/nid/1.html">
							<img src="img/dianying8.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2024/06/01/VIDEjDR7r4ec9sRmmeDUUK1n240601.shtml?spm=C55899450127.PTLG56vz9hRl.0.0">
							<img src="img/dianying9.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://www.88dongman.cc/play/id/125895/sid/1/nid/1.html">
							<img src="img/dianying10.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
						</div>
						<div class="tab-pane fade show" id="youjiao">
							<a href="https://www.iqiyi.com/v_19rtfhdago.html">
								<img src="img/youjiao1.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://www.iqiyi.com/v_1bt12gq9w1k.html">
								<img src="img/youjiao2.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2017/04/28/VIDEihp4Ij5a4Jfrf0mXPHS1170428.shtml?spm=C55899450127.PCZaWpVPGTck.0.0">
								<img src="img/youjiao3.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2018/06/09/VIDE6Q93pqD3iTwOhLipQIkq180609.shtml?spm=C55899450127.Pl1sXZflv1VF.0.0">
								<img src="img/youjiao4.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2019/10/03/VIDEaA72p6wBCvZPNqqsUHPM191003.shtml?spm=C55899450127.P94Bw8ryeI2r.0.0">
								<img src="img/youjiao5.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2024/06/01/VIDEDTAqz6G6oC5xeIIQEQUU240601.shtml?spm=C55899450127.PTLG56vz9hRl.0.0">
								<img src="img/youjiao6.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://www.88dongman.cc/play/id/122515/sid/1/nid/1.html">
								<img src="img/youjiao7.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://www.88dongman.cc/play/id/122510/sid/1/nid/1.html">
								<img src="img/youjiao8.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
						</div>
						<div class="tab-pane fade show" id="qita">
							<a>
								<img src="img/qita1.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2017/11/29/VIDETxkzAdh5KZMMxdVTQi79171129.shtml?spm=C55899450127.PcC8VPp6N7Qa.0.0">
								<img src="img/qita2.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2017/05/07/VIDEkO0Ol2qdvBsDiJXieSyr170507.shtml">
								<img src="img/qita3.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
							<a href="https://tv.cctv.com/2015/12/30/VIDExj4rOf2mno9vbNj2wCco151230.shtml">
								<img src="img/qita4.png" class="m-2 guoman-img" height="320px" width="200px" />
							</a>
						</div>

						
					</div>
				</div>
			</div>
		</div>
		
		<!--页脚-->
		<hr class="text-danger bg-warning" />
		<footer class="text-center mb-3 mt-2">
			<p class="mb-0">
				<a class="navbar-brand" href="#"><img src="img/xion.gif" width="50px" /></a>
				版权所有 &copy;熊熊乐园</p>
		</footer>
	</body>
</html>
